<template>
	<!-- 打赏 -->
    <view style="padding:40rpx 30rpx;background-color: #fff;border-radius: 15rpx;">
		<pay :balance="appuserInfo.szWithdrawalBalance"></pay>
		<view @click="purchaseFn" class="flex1" >
				 <view>充值记录</view>
				 <uni-icons type="right"  color="#f15d7a"  size="15"></uni-icons>
		</view>
		<view class="user_Information" >
				 <view style="margin-bottom: 15rpx;">用户须知</view>
				 <view>1.充值可在该平台直播和带货</view>
				 <view>2.下单前请先开启“手机账号登录”,否则会充值失败</view>
				 <view>3.数字直播返现的余额仅限在该平台消费</view>
		</view>
	</view>
</template>

<script setup>
	import { computed ,ref,reactive,toRefs,onMounted} from 'vue';
	import { onLoad,onShow, onPageScroll, onPullDownRefresh } from '@dcloudio/uni-app';
	import sheep from '@/sheep';
	  import pay from '@/pages/index/pay'
	  
	    const appuserInfo=ref({});
	  onLoad(()=>{
		    appuserInfo.value=sheep.$store('user').userInfo
	  })
	  //跳转充值记录
	  const purchaseFn=()=>{
	  	  uni.navigateTo({
	  	  	url:'/pages/index/rechargeRecord'
	  	  })
	  }
	  
</script>

<style lang="scss" scoped>
	page{
		padding:20rpx;
	}
	.flex1{
		display: flex;
		align-items: center;
	}
	.user_Information{
		color: #6f6f6f;
		font-size: 24rpx;
		margin-top: 40rpx;
		line-height: 45rpx;
	}
</style>